<section class="main" *ngIf="todos?.length > 0">
  <input class="toggle-all" type="checkbox" (click)="onToggleAllTriggered()">
  <ul class="todo-list">
    <li *ngFor="let todo of todos" [class.completed]="todo.completed">
      <app-todo-item 
      [isChecked]="todo.completed" 
      [todoDesc]="todo.desc" 
      (onToggleTriggered)="onToggleTriggered(todo)" 
      (onRemoveTriggered)="onRemoveTriggered(todo)">
      </app-todo-item>
    </li>
  </ul>
</section>